<style type="text/css">
#carteira-table { border:1px solid #bbb;border-collapse:collapse; }
#carteira-table td{ border:1px solid #ccc;border-collapse:collapse;padding:5px; }	
</style>
<script type="text/javascript">
$(document).ready(function() 
    { 
        $("#carteira-table").tablesorter(); 
    } 
); 
</script>
<div class="main-content">
		<h1 class="pagetitle">Carteira AIB</h1>
        <div class="column1-unit">
          <h1>Carteira DayTrade:</h1>                            
          <h3>Tabela com todas as transações da carteira voltada para investidor agressivo do AutoInvestBovespa. Essa carteira contem ativos
		  de segunda linha de maior rentabilidade, porem maior risco. <br/>As células verdes representam as transações que tiveram lucro pela plataforma AIB.</h3>
<p>
<table class="tablesorter" cellspacing="0" id="carteira-table" style="font-family:Verdana;font-size:9px;left:0px;display:inline; /*Fix IE floating margin bug*/; float:left; width:480px; margin:0 0 0 -20px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;">
	<thead>
		<tr style="background:#eeeeee;">
			<th class="header headerSortDown">Ativo</th>
			<th class="header">Qtd</th>
			<th class="header">Compra</th>
			<th class="header">Venda</th>
			<th class="header">Data Compra</th>
			<th class="header">Data Venda</th>
		</tr>
	</thead>
	<tbody>
{% for row in response_carteira %}
	<tr> 
	{% if row.2 > row.4 %}
		<td id="{{ fields.0.0 }}_{{ row.0 }}">{{ row.0 }}</td>    
		<td id="{{ fields.1.0 }}_{{ row.0 }}">{{ row.1 }}</td> 	
		<td id="{{ fields.2.0 }}_{{ row.0 }}">R$ {{ row.2 }}</td> 
		<td style="background:#FFADBB;" id="{{ fields.4.0 }}_{{ row.0 }}">R$ {{ row.4 }}</td> 	
		<td id="{{ fields.3.0 }}_{{ row.0 }}" nowrap>{{ row.3 }}</td> 
		<td id="{{ fields.4.0 }}_{{ row.0 }}" nowrap>{{ row.5 }}</td> 		
	{% else %}
		<td id="{{ fields.0.0 }}_{{ row.0 }}">{{ row.0 }}</td>    
		<td id="{{ fields.1.0 }}_{{ row.0 }}">{{ row.1 }}</td> 	
		<td id="{{ fields.2.0 }}_{{ row.0 }}">R$ {{ row.2 }}</td> 
		<td style="background:#C5FFAD;" id="{{ fields.4.0 }}_{{ row.0 }}">R$ {{ row.4 }}</td> 	
		<td id="{{ fields.3.0 }}_{{ row.0 }}" nowrap>{{ row.3 }}</td> 
		<td id="{{ fields.4.0 }}_{{ row.0 }}" nowrap>{{ row.5 }}</td> 		
	{% endif %}

	</th>   
{% endfor %}
	</tbody>
</table>
</p>
</div>
        <hr class="clear-contentunit" />          

        <div class="column1-unit">
          <h1>Carteira Curto Prazo:</h1>                            
          <h3>Em breve. Aguarde!</h3>
<p>
</p>
</div>
</div>

